import AntDesign from '@expo/vector-icons/AntDesign';
import { Pressable, StyleSheet, View } from "react-native";

type Props = {
    onPress: () => void
    color?: "#d3f415ff"
}

export default function CircleButton({ onPress, color }: Props) {
    return (
        <View style={styles.circleButtonContainer}>
            <Pressable style={styles.circleButton}>
                <AntDesign name="plus" size={38} onPress={onPress} color={color} />
            </Pressable>
        </View>
    );
}

const styles = StyleSheet.create({
    circleButtonContainer: {
        width: 84,
        height: 84,
        marginHorizontal: 60,
        borderWidth: 4,
        borderColor: '#ffd33d',
        borderRadius: 42,
        padding: 3
    },
    circleButton: {
        flex: 1,
        justifyContent: 'center',
        alignItems: 'center',
        borderRadius: 42,
        backgroundColor: "#fff"
    }
});